body{font-family: Microsoft Yahei;overflow-x:hidden;color: #666;background:#fff;position: relative;}
ul,ol,li{list-style: none;}
a{color: #333;}
a:hover{text-decoration:none;outline:none;}
a:visited,a:active {outline:none;}
div:focus{
    outline:none;
}


/* 閫氱敤 */

.blank5,.blank10,.blank15,.blank20,.blank30,.blank50,.blank60 {clear:both;height:5px;overflow:hidden;}
.blank10 {height:10px;}
.blank15 {height:15px;}
.blank20 {height:20px;}
.blank30 {height:30px;}
.blank50 {height:50px;}
.blank60 {height:60px;}

 
 .color-orange {color:#FE6604}


@media (min-width: 768px) {
    .navbar-brand {padding:10px 15px;}
    .navbar-default.active .navbar-brand img,.navbar-default.active a.navbar-brand img {max-height:40px;}
}


.section1{padding: 60px 0;}

.s1-text{margin: 20px 0;}
.s1-title h4{font-size: 32px;color: #000;margin-bottom: 5px;}
.s1-title h4 a{color: #000;}
.s1-title p{font-size: 20px;color: #999;}
.s1-title p:after{content:"";display: block;height: 2px;width: 56px;background: #333;margin: 40px 0;}
.s1-text p{font-size: 18px;color: #888;line-height: 2;}
.s1-img{margin: 20px 0}
.s1-img img{width: 100%;height: auto;}

@media screen and (min-width: 992px) and (max-width: 1199px){
.s1-title{padding-bottom: 10px;}
.s1-title p:after{margin: 20px 0;}
.s1-text p{font-size: 16px;}
}


.section2{padding:60px 0;background:#F2F2F2}
.s2-item{margin:20px 0;text-align:center}
.s2-img{overflow:hidden;border:1px solid #ccc;border-radius:50%}
.s2-img2 {height:79px;width:79px;border:1px solid #999;display: inline-block;border-radius:50%}
.s2-img img{height:77px;width:77px} 
 

.s2-img{border:7px solid rgba(0,75,141,0);height:93px;width:93px;display:inline-block;border-radius:50%}
.s2-item:hover .s2-img{border:7px solid #C8D6E1;}
.s2-item:hover .s2-img2{border:1px solid #C8D6E1;background: #004B8E;}
.s2-item:hover .s2-img img{transform: translateY(-77px);filter: drop-shadow( 0 77px #fff);}



.s2-text{padding-top: 10px;}
.s2-text h4{color: #000;font-size: 22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s2-text h4 a{color: #000;}
.s2-text p{color: #999;line-height: 24px;height: 48px;overflow: hidden;}
.s2-text p a{color: #999;}

.s2-item:hover .s2-text h4{color: rgb(0,75,141);}
.s2-item:hover .s2-text h4 a{color: rgb(0,75,141);}
.s2-item:hover .s2-text p{color: rgba(0,75,141,.5);}
.s2-item:hover .s2-text p a{color: rgba(0,75,141,.5);}


.section3{padding: 60px 0;}
.title10{text-align: center;overflow: hidden;margin-bottom: 10px;}
.title10 h4{font-size: 36px;color: #333;font-weight: bold;}
.title10 h4 a{color: #333;}
.title10 p{position: relative;display: inline-block;padding: 0 15px;color: #666;font-size: 16px;}
.title10 p:after{content:"";display: block;position: absolute;top: 50%;height: 1px;width: 1200px;right: 100%;background: #999;}
.title10 p:before{content:"";display: block;position: absolute;top: 50%;height: 1px;width: 1200px;left: 100%;background: #999;}
.title10:after{content:"";height: 1px;width: 30px;margin: 10px auto;background: #999;display: block;}



.s3-item{margin: 20px 0;}
.s3-img{border:1px solid #999;border-bottom:none;}
.s3-img{display:block;overflow:hidden;}
.s3-img img{width:100%;height:auto;margin:0px auto;transition:600ms;}
.s3-item:hover .s3-img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform:scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.s3-text{padding: 15px 20px;border:1px solid #999;border-top:none;}
.s3-text h4{font-size: 24px;color: #333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s3-text h4 a{color: #000; transition: all 0ms ease-in-out 0s;}
.s3-text p{color: #999;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom: 0;}
.s3-text p a{color: #999;transition: all 0ms ease-in-out 0s;}
.s3-item:hover{box-shadow: 1px 1px 15px rgba(0,75,141, 0.5);}
.s3-item:hover .s3-img{border-color:#004B8D;}
.s3-item:hover .s3-text{background: #004B8D;border-color:#004B8D;}
.s3-item:hover .s3-text h4{color: #fff;}
.s3-item:hover .s3-text h4 a{color: #fff;}
.s3-item:hover .s3-text p{color: #fff;}
.s3-item:hover .s3-text p a{color: #fff;}






.section4{padding: 60px 0;}

.s4{position: relative;}  
 .swiper4-button-prev,
.swiper4-button-next{
font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; 
display: block;height: 40px;width: 40px;outline:none;
position: absolute;top: 50%;margin-top: -20px;cursor: pointer;overflow: hidden;z-index: 11;display: inline-block;
line-height: 40px;text-align: center;color: #fff;}
.swiper4-button-prev{left: 0;background: rgba(0,0,0,.3)}
.swiper4-button-next{right: 0;background:  rgba(0,0,0,.3)}
.swiper4-button-prev:before{content: "\f104";}
.swiper4-button-next:before{content: "\f105";}
.swiper4-button-prev:hover{background: rgba(0,0,0,.7)}
.swiper4-button-next:hover{background:  rgba(0,0,0,.7)}
@media screen and (min-width: 1300px) {
.swiper4-button-prev{left: -50px;}
.swiper4-button-next{right: -50px;}
}
@media screen and (min-width: 1092px) and (max-width: 1199px){
.swiper4-button-prev{left: -50px;}
.swiper4-button-next{right: -50px;}
}
@media screen and (min-width: 868px) and (max-width: 991px){
.swiper4-button-prev{left: -50px;}
.swiper4-button-next{right: -50px;}
}


.s4-item{margin: 20px 0;}
.s4-img{}
.s4-img img{width: 100%;height: auto;}
.s4-img{display:block;overflow:hidden;}
.s4-img img{width:100%;height:auto;margin:0px auto;transition:600ms;}
.s4-item:hover  .s4-img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform:scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.s4-text{padding-top: 15px;}
.s4-text h4{font-size: 22px;color: #004B8D;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s4-text h4 a{font-size: 22px;color: #004B8D;}
.s4-text p{color: #666;font-size: 16px;line-height: 24px;height: 48px;overflow: hidden;}
.s4-more{margin: 20px 0;text-align: center;}
.s4-more a{display: inline-block;padding: 2px 30px;border:2px solid #004B8D;color: #004B8D;font-size: 14px;border-radius: 30px;}
.s4-more a:hover{color: #fff;background: #004B8D;	}



.section5{padding: 60px 0;background: #F8F8F8;}

.s5-title{margin: 20px 0;}


.s5-title{overflow: hidden;margin-bottom: 10px;height: 309px;overflow: hidden;}
.s5-title h4{font-size: 36px;color: #333;font-weight: bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s5-title h4 a{color: #000;}
.s5-title span{display: block;font-size: 20px;color: #999;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s5-title span:after{content:"";height: 1px;width: 30px;margin: 10px 0;background: #999;display: block;}
.s5-title p{color: #666;font-size: 18px;margin: 65px  0 0;line-height: 24px;max-height:72px;overflow: hidden;}
.s5-title img{max-width:80%;height: auto;}


.s5-item{margin: 20px 0;padding: 30px;border-radius: 20px;background: #fff;height: 309px;overflow: hidden;}
.s5-item a{transition: all 0ms ease-in-out 0s;}
.s5-img{height: 80px;width: 80px;overflow: hidden;}
.s5-item:hover .s5-img img{transform: translateY(-80px);filter: drop-shadow( 0 80px #fff);}


.s5-text{padding-top: 15px;}
.s5-text h4{font-size: 24px;color: #333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s5-text h4 a{color: #333;}
.s5-text p{color: #999;line-height: 24px;height: 48px;overflow: hidden;}
.s5-text p a{color: #999;}
.s5-text a.more{margin: 20px 0;display: block;height: 20px;width: 20px;background: url(../images/base/s5-more.png) center center no-repeat;}
.s5-item:hover {background: #004B8D;}

.s5-item:hover .s5-text h4{color: #fff;}
.s5-item:hover .s5-text h4 a{color: #fff;}
.s5-item:hover .s5-text p{color: rgba(255,255,255,.4);}
.s5-item:hover .s5-text p a{color: rgba(255,255,255,.4);}
.s5-item:hover .s5-text a.more{background: url(../images/base/s5-more2.png) center center no-repeat;}
.s5-more{margin: 20px 0;height: 309px;border-radius: 20px;position: relative;}
.s5-more img{width: 100%;height: 100%;object-fit: cover;border-radius: 20px;}
.s5-more p{position: absolute;left: 0;right: 0;bottom: 10px;color: #fff;font-size: 18px;padding: 0 20px;}
.s5-more p a{color: #fff;}


.section6{padding:60px 0}
.s6-item{margin:20px 0;background:#F3F3F3;padding:15px}
.s6-img{display:block;overflow:hidden}
.s6-img img{max-width:100%;height:auto;margin:0 auto;transition:.6s}
.s6-item:hover .s6-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.s6-text{padding-top:10px}
.s6-text h4{color:#333;font-size:24px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.s6-text h4 a{color:#333}
.s6-text p{color:#666;line-height:24px;height:48px;overflow:hidden;margin:20px 0}
.s6-text a.more{display:block;font-size:18px;color:#666}
.s6-text a.more span{float:right;margin:0 10px;display:block;height:5px;width:5px;background:#666;position:relative;border-radius:50%;margin-top:12px}
.s6-text a.more span:before{content:"";display:block;position:absolute;height:5px;width:5px;background:#666;border-radius:50%;left:-8px}
.s6-text a.more span:after{content:"";display:block;position:absolute;height:5px;width:5px;background:#666;border-radius:50%;right:-8px}



.section7{padding:20px 0;background:#E4E4E4}
.s7-item{margin:20px 0}
.s7-item{display:block;overflow:hidden}
.s7-item img{width:100%;height:auto;margin:0 auto;transition:.6s;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}
.s7-item:hover img{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);filter:none}
@media screen and (min-width:992px){
.section7 [class*=col-]{width:20%}
}
 


.section8{padding: 60px 0;}

.s8-title h5{text-align: center;font-size: 18px;color: #999;margin: 50px 0;}
.s8-item{margin: 20px 0;}

.s8-img{}
.s8-img img{max-width:100%;height: auto;}

.s8-text{padding-top: 15px;}
.s8-text h4{font-size: 18px;color: #333;}
.s8-text p{font-size: 14px;color: #999;line-height: 20px;height: 60px;overflow: hidden;}






.copyright{padding: 10px 0;background: #000;color: #fff;}
.copyright a{color: #fff;}
.copyright p{text-align: center;margin-bottom: 0;}




.box2{padding: 60px 0;}

.title20{border-bottom:1px solid #999;padding-top:  20px;margin-top: 30px;margin-bottom: 30px;margin-left: 15px;margin-right: 15px;}
.title20:after{content:"";display: table;clear: both;}
.title20 h4{font-size: 26px;color: #000;}
.mianbao{float: right;color: #666;margin-top: 15px;}
.mianbao a{margin: 0 5px;color: #004B8D;}
@media screen and (min-width: 0) and (max-width: 767px){
.mianbao{display: none;}
}


.left1{border-bottom:1px solid #999;padding-bottom: 5px;margin-left: 15px;m,right: 15px;}
.left1 h3{margin: 0;color: #666;font-size: 18px;cursor: pointer;padding-top: 14px;padding-bottom: 14px;}
.left1 h3+h3{border-top:1px solid #999;}
.left1 p+h3{border-top:1px solid #999;}
.left1 h3.on{color: #004B8D;}
.left1 h3 i{float: right;margin-top: 4px;display: block;height: 15px;width: 15px;background: url(../images/base/left1-ico1.png) center center no-repeat;}
.left1 h3.on i{background: url(../images/base/left1-ico2.png) center center no-repeat;}
.left1 p{padding: 10px 0;}
.left1 p a{display: block;line-height: 28px;color: #999;}
.left1 p a:hover{color: #004B8D;}


.right1{border-left:1px solid #999;margin-left: 15px;margin-right: 15px;border-top:1px solid #999;margin-top: -1px;}
.right1:after{content:"";display: table;clear: both;}
.right1-item{border-right:1px solid #999;border-bottom:1px solid #999;}
.right1-item{padding: 30px;}
.right1-img{display:block;overflow:hidden;height: 188px;}
.right1-img img{width:100%;height:100%;margin:0px auto;transition:600ms;object-fit: cover;}
.right1-item:hover .right1-img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform:scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.right1-text h4{text-align: center;font-size: 18px;color: #333;margin-bottom: 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.right1-text h4 a{color: #333;}

@media screen and (min-width: 992px) and (max-width: 1199px){
.right1-img{;height: 160px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.right1-item{padding: 20px;}
.right1-img{;height: 160px;}
.right1-text h4{font-size: 16px;}
}
@media screen and (min-width: 0) and (max-width: 767px){
.right1-item{padding: 15px;}
.right1-img{;height: 130px;}
.right1-text h4{font-size: 14px;}
}